<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/include/taglibs.jsp"%>
<head>
<%@ include file="/include/meta.jsp"%>
<title>首页</title>
<link rel="stylesheet" type="text/css" href="${ctx}/css/front/index.css" />
<link rel="stylesheet" type="text/css"
	href="${ctx}/css/front/flexslider.css" />

<script type="text/javascript" src="${ctx}/js/jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery.flexslider-min.js"></script>

</head>
<body>
<!--Head-->
<%@ include file="/include/head.jsp"%>
<!--Head-->
<div class="container">
	<div class="nl-content">
		<div class="nl-logo-area" id="custom_display_1">
			<a href="javascript:void(0)"> <img width="60" id="logo-img"
				onerror="this.src='/static/img/passport/nl-logo.png'"
				src=""
				data-src="/static/img/passport/nl-logo.png"></a>
		</div>
		<h1 class="nl-login-title" id="custom_display_256">
			<span id="message_LOGIN_TITLE">一个帐号，玩转所有小米服务！</span>
		</h1>
		<h2 class="nl-login-title lsrp-appname display-custom-hide"
			id="lsrp_appName"></h2>
		<div id="custom_display_2">
			<p class="nl-login-intro" id="message_LOGIN_LINKS">
				<a href="http://www.xiaomi.com/" target="_blank">小米手机</a>，<a
					href="http://www.xiaomi.com/index.php" target="_blank">小米网</a>，<a
					href="http://www.miui.com/" target="_blank">MIUI米柚</a>，<a
					href="http://www.duokan.com/" target="_blank">多看阅读</a>，<a
					href="http://www.miliao.com/" target="_blank">米聊</a>
			</p>
		</div>
		<div class="nl-phone-tip">
			<div id="message_LOGIN_PHONETIP">非大陆地区请在手机号码前面添加当地的国际代码前缀(如香港
				+852 台湾 +886)</div>
			<div id="select_country_code">帮助</div>
		</div>
		<div class="nl-frame-container">
			<div class="ng-form-area show-place" id="form-area">
				<form id="miniLogin" onsubmit="return MiniLogin.validateForm();"
					action="/passrviceLoginAuth2" method="post">
					<div class="shake-area" id="shake_area" style="z-index: 30;">
						<div class="enter-area display-custom-hide" id="revalidate_user">
							<p class="revalidate-user-name" id="revalidate_user_name"></p>
						</div>
						<div class="enter-area" id="enter_user">
							<input class="enter-item first-enter-item"
								id="miniLogin_username" type="text" placeholder="邮箱/手机号码/小米帐号"
								autocomplete="off"
								data-rule="(^[\w.\-]+@(?:[A-Za-z0-9]+(?:-[A-Za-z0-9]+)*\.)+[A-Za-z]{2,6}$)|(^1\d{10}$)|(^\d{3,}$)|(^\++\d{2,}$)">
							<i class="placeholder hide" id="message_INPUT_IDENTITY">邮箱/手机号码/小米帐号</i>
							<span class="error-tip"><em class="error-ico"></em><span
								class="error-msg"></span></span>
						</div>
						<div class="enter-area" style="z-index: 20;">
							<input class="enter-item last-enter-item" id="miniLogin_pwd"
								type="password" placeholder="密码" autocomplete="off"
								data-rule=""> <i class="placeholder hide"
								id="message_INPUT_PASSWORD">密码</i> <span class="error-tip"><em
								class="error-ico"></em><span class="error-msg"></span></span>
						</div>
					</div>
					<div class="enter-area img-code-area" id="img_code_area"
						style="display: none;">
						<input class="enter-item code-enter-item" id="miniLogin_captCode"
							type="text" maxlength="12" placeholder="验证码" autocomplete="off"><img
							class="code-img" id="code_img" src=""><i
							class="placeholder hide" id="message_INPUT_CONFIRM">验证码</i><span
							class="error-tip"><em class="error-ico"></em><span
							class="error-msg" id="code_error_tips"></span></span>
					</div>
					<div class="miniLogin_forbidden" id="miniLogin_forbidden">
						<div>
							<span id="message_LOGIN_TOO_MUCH">您的操作频率过快，请稍后再试。</span>(<span
								id="retryCountdown"></span>)
						</div>
					</div>
					<div class="miniLogin_forbidden" id="miniLogin_forzen">
						<div>
							<span id="message_LOGIN_FORZEN">此帐号已被冻结，暂时无法登录</span>
						</div>
					</div>
					<input class="button orange" id="message_LOGIN_IMMEDIATELY"
						type="submit" value="立即登录">
					<div class="ng-foot clearfix">
						<div style="display: none;">
							<!--两周内自动登录已经不再需要-->
							<div class="ng-cookie-area" id="cookie_area">
								<input id="auto" type="hidden"><em class="checkbox"
									id="checkbox_item"></em><span id="message_AUTOLOGIN_TWOWEEKS">两周内自动登录</span>
							</div>
						</div>
						<div class="ng-link-area">
							<span style="display: none;"> <a
								id="other_method_default" href="javascript:void(0);"></a><span>
									| </span>
							</span> <span id="custom_display_16"> <a id="other_method"
								href="javascript:void(0);">其他方式登录</a> <span> | </span>
							</span> <span id="custom_display_64"> <a
								id="message_FORGET_PASSWORD"
								href="https://account.xiaomi.com/pass/forgetPassword?callback=http%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttp%253A%252F%252Fwww.mi.com%252Findex.html%26sign%3DNDRhYjQwYmNlZTg2ZGJhZjI0MTJjY2ZiMTNiZWExODMwYjkwNzg2ZQ%2C%2C&amp;sid=mi_eshop"
								target="_blank">忘记密码？</a>
							</span>
							<div class="third-area hide" id="third_area"></div>
						</div>
					</div>
					<span id="custom_display_128"> <a class="button"
						id="message_REGISTER"
						href="https://account.xiaomi.com/pass/register?callback=http%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttp%253A%252F%252Fwww.mi.com%252Findex.html%26sign%3DNDRhYjQwYmNlZTg2ZGJhZjI0MTJjY2ZiMTNiZWExODMwYjkwNzg2ZQ%2C%2C&amp;sid=mi_eshop">注册小米帐号</a>
					</span> <span id="custom_display_8"> <a
						class="button facebook_area" id="facebook_login_button"
						href="/pass/sns/login/auth?appid=222161937813280&amp;callback=http%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttp%253A%252F%252Fwww.mi.com%252Findex.html%26sign%3DNDRhYjQwYmNlZTg2ZGJhZjI0MTJjY2ZiMTNiZWExODMwYjkwNzg2ZQ%2C%2C&amp;sid=mi_eshop">
							<i class="iconfacebook"></i>Facebook登录
					</a>
					</span> <a id="redirectLink" style="display: none;" href="" target="_top"></a>
					<a id="redirectTwoPhraseLoginLink" style="display: none;" href=""></a>
				</form>
				<div class="qrlogin-trigger" id="qrlogin-trigger">二维码登录</div>
			</div>
		</div>
		<div class="web-info">
			<!--<p class="web-info-title" id="web_info_title"></p>-->
			<p class="web-info-content" id="web_info_content"></p>
		</div>
	</div>
</div>
<%@ include file="/include/bottom.jsp"%>
</body>
</html>